/*colors
pharmore blue #001F5B
pharmore red #CF062A
pharmore dark red #CB0A26
*/
html 
	{
    overflow-y:scroll;
	}
body
	{
	color:#001F5B;
	background-color: #ddd;
	font: Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	min-width: 1350px;
	top: 0;
	margin: 0;
	padding: 0;
	}
h1, h2, h3, h4, h5, b, th
	{
	font: Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	}
hr {
 color: #CB0A26;
 background-color: #CB0A26;
 height: 2px;
  border: 0;
  width: 98%;
}
th
	{
	text-align: left;
	}
.smallLogo
	{
	background-color: #fff;
	}
.bigLogo
	{
	background-color: #fff;
	}
a
	{
	text-decoration: none;
	}
a:link, a:visited, a:active
	{
	color: blue;
	text-decoration: none;
	}
a:hover
	{
	color: #CF062A;
	text-decoration: none;
	}
.indent
	{
	margin-left: 10px;
	}
.leftLine
	{
	position: fixed;
	margin: auto;
	top: 10px;
	height: 400px;
	width: 1348px;
	min-width: 1348px;
	z-index: 15;
	left: 50%;
	margin-left: -680px;
	border-left:1px solid #001F5B;	
	}
hr.topBorder 
	{ 
	height: 30px; 
	width:98%;
	border-style: solid; 
	border-color: #001F5B; 
	border-width: 1px 0 0 0; 
	border-radius: 20px; 
	box-shadow: 0 15px 10px -10px #CB0A26 inset;
	background-color: #fff;
	} 
hr.normal
	{ 
	height: 10px;
	width:98%;
	border: 0;
	box-shadow: 0 10px 10px -10px #CF062A inset;
	background-color: #fff;
	} 
hr.normal2
	{ 
	height: 10px;
	width:98%;
	border: 0;
	box-shadow: 0 10px 10px -10px #CF062A inset;
	background-color: #eee;
	} 
br.small
	{
	font-size: 3px;
	}
.highlight
	{
	color:#CF062A;
	}
.hidden
	{
	display:none;
	}
.clickable
	{
	color:#001F5B;
	text-decoration: none;
	}
.clickable a
	{
	color:#001F5B;
	text-decoration: none;
	}
.container
	{
	border:1px solid #001F5B;
	background-color: #fff;
	border-left:1px solid #001F5B;
	}
.container2
	{
	margin: auto;
	top: 0px;
	width: 1348px;
	min-width: 1348px;
	z-index: 5;
	left: 50%;
	margin-left: -680px;
	}
.topBorder
	{
	background-color: #ddd;
	width: 1348px;
	height:0px;
	}
.noscroll
	{
	position: fixed;
	margin: auto;
	top: 0px;
	width: 1348px;
	min-width: 1348px;
	z-index: 10;
	left: 50%;
	margin-left: -680px;
	}
.noscroll2
	{
	position: fixed;
	margin: auto;
	top: 0px;
	width: 1348px;
	min-width: 1348px;
	z-index: 10;
	left: 50%;
	margin-left: -680px;
	background-color: #fff;
	border-left:1px solid #001F5B;
	border-right:1px solid #001F5B;
	}
.logo
	{
	position: realative;
	top: 20px;
	left: 2px;
	width: 1348px;
	height: 129px;
	background-image: url('Pharmore-Logo.png');
	background-size: 1348px 129px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center top;
	border-top:1px solid #001F5B;
	overflow:hidden;
	}
.logoSm
	{
	position: realative;
	top: 20px;
	width: 1348px;
	height: 40px;
	background-image: url('Pharmore-Logo-Sm.png');
	background-size: 1348px 40px;
	background-color: #fff;
	border-top:1px solid #001F5B;
	overflow:hidden;
	}
.sides
	{
	position: relative;
	top: 0px;
	width: 1348px;
	border-left:1px solid #001F5B;
	border-right:1px solid #001F5B;
	}
.nav
	{
	position: relative;
	top: 0px;
	width: 1348px;
	text-align: right;
	background-color: #fff;
	}
.nav ul 
	{
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
	}
.nav li 
	{
	background-color: #001F5B;
	font-family: sans-serif;
	font-size: 0.7em;
	line-height: 30px;
	height: 30px;
	border-bottom: 1px solid #888;
	display: inline;
	width: 200px;
	}
.nav a 
	{
	text-decoration: none;
	color: #fff;
	display: block;
	transition: .3s background-color;
	}
.nav a:hover 
	{
	background-color: #CF062A;
	}
.nav a.active 
	{
	background-color: #CB0A26;
	color: #444;
	cursor: default;
	}
@media screen and (min-width: 200px) 
	{
	.nav li 
		{
		width: 200px;
		border-bottom: none;
		height: 30px;
		line-height: 30px;
		font-size: 1em;
		display: inline-block;
		}
	}
.header
	{
	position: relative;
	
	border-left:1px solid #001F5B;
	border-right:1px solid #001F5B;
	border-bottom:1px solid #001F5B;
	border-top:1px solid #001F5B;
	margin: auto;
	top: 225px;
	width: 1348px;
	min-width: 1348px;
	left: 50%;
	margin-left: -680px;
	z-index: 5;
	background-color: #fff;
	}
.banner
	{
	position: relative;
	top: 0px;
	width: 1348px;
	height: 425px;
	background-image: url('MainBanner.png');
	background-size: 1348px 425px;
	background-repeat: no-repeat;
	background-color: #fff;
	border-top:.1px solid #001F5B;
	}
.credidation 
	{
	position: relative;
	/*top: 1px;
	left: -1px;
	border: 1px solid #001F5B; */
	border-top:1px solid #001F5B;
	border-top:1px solid #001F5B;
	width: 1348px;
	background-color: #fff;
	}
.bodyDiv 
	{
	position: relative;
	color: #001F5B;
	margin: auto;
	top: 240px;
	left: 50%;
	margin-left: -680px;
	width: 1348px;
	min-width: 1348px;
	z-index: 5;
	background-color: white;
	border-left:1px solid #001F5B;
	border-right:1px solid #001F5B;
	border-bottomt:1px solid #001F5B;
	}
.subheader
	{
	position: relative;
	top: 0px;
	width: 1348px;
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	background-color: #fff;
	font-family: sans-serif;
	text-align: center;
	font-weight: bold;
	font-size:2em;
	}
.scroll-lefter 
	{
	position: absolute;
	margin: auto;
	top: 0px;
	width: 1348px;
	min-width: 1348px;
	z-index: 15;
	left: 50%;
	margin-left: -680px;
	}
.scroll-left
	{
	position: relative;
	font-family: sans-serif;
	top: 105px;
	left:705px;
	width: 600px;
	height: 35px;	
	overflow: hidden;
	color: #ddd;
	}
.scroll-left p 
	{
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	line-height: 50px;
	text-align: center;
	color: #001F5B;
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);	
	transform:translateX(100%);
	-moz-animation: scroll-left 10s linear infinite;
	-webkit-animation: scroll-left 10s linear infinite;
	animation: scroll-left 10s linear infinite;
	}
@-moz-keyframes scroll-left 
	{
	0%   { -moz-transform: translateX(100%); }
	100% { -moz-transform: translateX(-100%); }
	}
@-webkit-keyframes scroll-left 
	{
	0%   { -webkit-transform: translateX(100%); }
	100% { -webkit-transform: translateX(-100%); }
	}
@keyframes scroll-left 
	{
	0%   
		{ 
		-moz-transform: translateX(100%); /* Browser bug fix */
		-webkit-transform: translateX(100%); /* Browser bug fix */
		transform: translateX(100%); 		
		}
	100% 
		{ 
		-moz-transform: translateX(-100%); /* Browser bug fix */
		-webkit-transform: translateX(-100%); /* Browser bug fix */
		transform: translateX(-100%); 
		}
	}
.sortable tr 
	{
    transition: background 0.2s ease-in;
	}
.sortable tr:nth-child(even) 
	{
    background: #EEE;
	}
.sortable th
	{
	font-weight: bold;
    background: #001F5B;
    color: white;
 	}
.sortable th:hover 
	{
    background: #CF062A;
    cursor: pointer;
	}
.sortable td
	{
	height:25px;
 	}

.buffer
	{
	position: relative;
	top: 0px;
	width: 1348px;
	background-color: #fff;
	}
/* Style the tab */
div.tab 
	{
	width:1325px;
	overflow:hidden;
	border-bottom:1px solid #001F5B;
	background-color: #FFF;
	margin-left:10px;
	}
div.tab button 
	{
	background-color: #001F5B;
	color:white;
	float:left;
	border:none;
	outline:none;
	cursor:pointer;
	padding:14px 16px;
	width: 183px;
	height: 40px; 
	border-style: 1px solid #001F5B; 
    border-top-left-radius: 8px; 
    border-top-right-radius: 8px; 
    margin-right:4px;
	}
div.tab button:hover 
	{
	background-color: #CF062A;
	color:white;
	}
div.tab button.active 
	{
	background-color: #CB0A26;
	color: #444;
	cursor: default;
	}
.tabcontent 
	{
	display:none;
	margin-left:10px;
	margin-right:12px;
	background-color:#EEE;
	padding:6px 12px;
	border:1px solid #001F5B;
	border-top:none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
	}
@-webkit-keyframes fadeEffect 
	{
    from {opacity: 0;}
    to {opacity: 1;}
	}
@keyframes fadeEffect 
	{
    from {opacity: 0;}
    to {opacity: 1;}
	} 
/*nasty ass button*/
/*
.btn 
	{
	background: #CF062A;
	background-image: -webkit-linear-gradient(top, #CF062A, #001F5B);
	background-image: -moz-linear-gradient(top, #CF062A, #001F5B);
	background-image: -ms-linear-gradient(top, #CF062A, #001F5B);
	background-image: -o-linear-gradient(top, #CF062A, #001F5B);
	background-image: linear-gradient(to bottom, #CF062A, #001F5B);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	box-shadow: 0px 1px 3px #666666;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 10px;
	border: solid #001F5B 2px;
	text-decoration: none;
	}
.btn:hover 
	{
	background: #001F5B;
	background-image: -webkit-linear-gradient(top, #001F5B, #CF062A);
	background-image: -moz-linear-gradient(top, #001F5B, #CF062A);
	background-image: -ms-linear-gradient(top, #001F5B, #CF062A);
	background-image: -o-linear-gradient(top, #001F5B, #CF062A);
	background-image: linear-gradient(to bottom, #001F5B, #CF062A);
	text-decoration: none;
	cursor: pointer;
	}
*/


/*a much nicer button*/
.btn, .btn:visited {
border: 1px solid #3079ed;
color: #fff;
text-shadow: 0 1px rgba(0,0,0,0.1);
display: inline-block;
min-width: 46px;
text-align: center;
font-size: 21px;
font-weight: 700;
height: 48px;
width: 300px;
padding: 0 8px;
line-height: 48px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
border: 1px solid #dcdcdc;

/*
red bg*/
background-color: #CB0A26;
background-image: -webkit-linear-gradient(top,#EB0A26,#CB0A26);
background-image: -moz-linear-gradient(top,#EB0A26,#CB0A26);
background-image: -ms-linear-gradient(top,#EB0A26,#CB0A26);
background-image: -o-linear-gradient(top,#EB0A26,#CB0A26);
background-image: linear-gradient(top,#EB0A26,#CB0A26);
/*
green bg
background-color: #093;
background-image: -webkit-linear-gradient(top,#096,#093);
background-image: -moz-linear-gradient(top,#096,#093);
background-image: -ms-linear-gradient(top,#096,#093);
background-image: -o-linear-gradient(top,#096,#093);
background-image: linear-gradient(top,#096,#093);
*/
-o-transition: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
}

.btn:hover{
border: 1px solid #2f5bb7;
color: #fff;
text-shadow: 0 1px rgba(0,0,0,0.3);
/*
blue bg*/
background-color: #003F5B;
background-image: -webkit-linear-gradient(top,#003F5B,#001F5B);
background-image: -moz-linear-gradient(top,#003F5B,#001F5B);
background-image: -ms-linear-gradient(top,#003F5B,#001F5B);
background-image: -o-linear-gradient(top,#003F5B,#001F5B);
background-image: linear-gradient(top,#003F5B,#001F5B);
}

/*submit button formatting*/
.submit-button, .submit-button:visited {
border: 1px solid #3079ed;
color: #fff;
text-shadow: 0 1px rgba(0,0,0,0.1);
display: inline-block;
min-width: 46px;
text-align: center;
font-size: 14px;
font-weight: 700;
height: 32px;
width: 200px;
padding: 0 8px;
line-height: 32px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
border: 1px solid #dcdcdc;
background-color: #003F5B;
background-image: -webkit-linear-gradient(top,#003F5B,#001F5B);
background-image: -moz-linear-gradient(top,#003F5B,#001F5B);
background-image: -ms-linear-gradient(top,#003F5B,#001F5B);
background-image: -o-linear-gradient(top,#003F5B,#001F5B);
background-image: linear-gradient(top,#003F5B,#001F5B);
-o-transition: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
}

.submit-button:hover{
border: 1px solid #2f5bb7;
color: #fff;
text-shadow: 0 1px rgba(0,0,0,0.3);
background-color: #CB0A26;
background-image: -webkit-linear-gradient(top,#EB0A26,#CB0A26);
background-image: -moz-linear-gradient(top,#EB0A26,#CB0A26);
background-image: -ms-linear-gradient(top,#EB0A26,#CB0A26);
background-image: -o-linear-gradient(top,#EB0A26,#CB0A26);
background-image: linear-gradient(top,#EB0A26,#CB0A26);
}